<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/users.css">
    <title>用户中心</title>
</head>

<body>
    <div style="height:250px">
        <header>
            <div class="header-top"></div>
            <div class="header-content">
                <div class="container header-container">
                    <span>欢迎光临任印网——联合创想集团旗下商城！</span>
                    <ul class="qixia" style="height:30px;">
                        <li>
                            <a href="javascript:;">联系客服</a>
                        </li>
                        <li><span>|</span></li>
                        <li>
                            <a href="javascript:;">0851-85826040</a>
                        </li>
                        <li><span>|</span></li>
                        <li class="mode">
                            <i class="list-mobile"></i>
                            <a href="javascript:;">手机版</a>
                            <div class="moleCode">
                                <!-- <img src="../img/a10.jpg" alt=""> -->
                            </div>
                        </li>
                        <li><span>|</span></li>
                        <li>
                            <a href="javascript:;">帮助</a>
                        </li>
                        <li><span>|</span></li>
                        <li>
                            <a href="javascript:;">消费者保障</a>
                        </li>
                        <li><span>|</span></li>
                        <li class="header-list">
                            <i></i>
                            <a href="javascript:;">会员中心</a>
                            <div>
                                <p>
                                    <a href="javascript:;">我的订单</a>
                                    <a href="javascript:;">我的优惠券</a>
                                </p>
                            </div>
                        </li>
                        <li><span>|</span></li>
                        <li>
                            <a href="./login.html"> 登录</a>
                        </li>
                        <li><span>|</span></li>
                        <li>
                            <a href="./regist.html"> 注册</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="header-footer container">
                <img src="../img/p2.gif" alt="">
                <div style="float: right;width: 100%">
                    <ul>
                        <li>
                            <i class="icon-three"></i>
                            <p>优质印刷</p>
                            <span>16年行业经验</span>
                        </li>
                        <li>
                            <i class="icon-tow"></i>
                            <p>全国包邮</p>
                            <span>绝大数地区包邮</span>
                        </li>
                        <li>
                            <i class="icon-noe"></i>
                            <p>免费设计</p>
                            <span>满99元免费设计</span>
                        </li>
                    </ul>
                </div>
                <div class="header-btn">
                    <i></i>
                    <a href="./cart.html">去购物车结算</a>
                    <div>
                        <i></i>
                        <em>购物车中还没有产品，赶紧选购吧！</em>
                    </div>
                </div>
            </div>
        </header>
        <section>
            <div class="navbar">
                <div class="section-top container">
                    <ul>
                        <li class="special AllClassify">
                            <div>
                                <span>所有分类</span>
                                <i></i>
                            </div>
                            <ul>

                            </ul>
                        </li>
                        <li>
                            <a href="javascript:;">首页</a>
                        </li>
                        <li>
                            <a href="javascript:;">宣传彩页</a>
                        </li>
                        <li>
                            <a href="javascript:;">画册类</a>
                        </li>
                        <li>
                            <a href="javascript:;">积分分类</a>
                        </li>
                        <li>
                            <a href="javascript:;">预售活动</a>
                        </li>
                        <li>
                            <a href="javascript:;">0元秒杀</a>
                        </li>
                        <li>
                            <a href="javascript:;">用户中心</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="alltype" class="container yincang">
                <div class="section-content">
                    <ul class="classify AllClassify">
                        <li>
                            <a href="javascript:;">宣传彩页</a>
                        </li>
                        <li>
                            <a href="javascript:;">画册系列</a>
                        </li>
                        <li>
                            <a href="javascript:;">名片证卡</a>
                        </li>
                        <li>
                            <a href="javascript:;">会员卡系列</a>
                        </li>
                        <li>
                            <a href="javascript:;">手提袋系列</a>
                        </li>
                        <li>
                            <a href="javascript:;">不干胶系列</a>
                        </li>
                        <li>
                            <a href="javascript:;">办公印刷品</a>
                        </li>
                        <li>
                            <a href="javascript:;">纸巾/抽纸盒</a>
                        </li>
                        <li>
                            <a href="javascript:;"></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div style="height:40px"></div>
        </section>
    </div>
    <div class="wrapper cle">
        <div class="here cle">
            <a href="">首页</a>
            <code>></code>
            用户中心
        </div>
        <div class="my_nala_main">
            <div class="slidebar">
                <ul class="slide_item">
                    <li class="item">
                        <div class="root_node">订单中心</div>
                        <ul>
                            <li>
                                <a id="myOrder" href="javascript:;">我的订单</a>
                                <a href="javascript:;">收货地址</a>
                                <a href="javascript:;">缺货登记</a>
                                <a href="javascript:;">退款/退货及维修</a>
                            </li>
                        </ul>
                    </li>
                    <li class="item">
                        <div class="root_node">会员中心</div>
                        <ul>
                            <li>
                                <a id="selfcenter" class="on" href="javascript:;">我的个人中心</a>
                                <a class="usermessage" href="javascript:;">用户信息</a>
                                <a href="javascript:;">我的收藏</a>
                                <a href="javascript:;">我的留言</a>
                                <a href="javascript:;">我的推荐</a>
                                <a href="javascript:;">我的评论</a>
                            </li>
                        </ul>
                    </li>
                    <li class="item">
                        <div class="root_node">账户中心</div>
                        <ul>
                            <li>
                                <a href="javascript:;">我的红包</a>
                                <a href="javascript:;">跟踪包裹</a>
                                <a href="javascript:;">资金管理</a>
                                <a href="javascript:;">会员卡</a>
                                <a href="javascript:;">安全退出</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="my_nala_centre">
                <div id="selfcontent" class="ilizi cle" style="display:block">
                    <div class="box">
                        <div class="box_1">
                            <div style="font-size:14px;">
                                <div class="portal-main cle">
                                    <div class="user-card">
                                        <h2 class="username">rywwcg</h2>
                                        <p class="tip">欢迎您回到 任印网－联合创想企业旗下品牌 ~</p>
                                        <a href="" class="link">修改个人资料></a>
                                        <a href="" style="margin-left:20px;" class="link">上传头像></a>
                                        <img class="avatar" src="../img/photo.jpg" alt="">
                                    </div>
                                    <div class="user-actions">
                                        <ul class="action-list">
                                            <li> 您的上一次登录时间：2019-05-14 14:45:07</li>
                                            <li class="rank">
                                                您的等级是 注册用户
                                                <span>()</span>
                                            </li>
                                            <li class="validat">
                                                您还没有通过邮件认证
                                                <a href="" style="color:#f70;">点此发送认证邮件</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="portal-sub">
                                    <ul class="info-list cle">
                                        <li>
                                            <h3>
                                                余额：
                                                <span class="num">￥0.00元元</span>
                                            </h3>
                                            <a href="">查看您的账户余额</a>
                                            <img src="../img/portal-icon-1.png" alt="">
                                        </li>
                                        <li>
                                            <h3>
                                                红包：
                                                <span class="num">共计 0 个,价值 ￥0.00元</span>
                                            </h3>
                                            <a href="">查看您的账户红包</a>
                                            <img src="../img/portal-icon-2.png" alt="">
                                        </li>
                                        <li>
                                            <h3>
                                                积分：
                                                <span class="num">100积分</span>
                                            </h3>
                                            <img src="../img/portal-icon-3.png" alt="">
                                        </li>
                                        <li>
                                            <h3>
                                                用户提醒：
                                                <span class="num">
                                                    您最近30天内提交了0个订单</span>
                                            </h3>
                                            <img src="../img/portal-icon-4.png" alt="">
                                        </li>
                                    </ul>
                                </div>
                                <div></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="orderContent">
                    <h2>我的订单</h2>
                    <table style="width:100%">
                        <thead>
                            <tr>
                                <th style="width:20%">宝贝</th>
                                <th style="width:10%">属性</th>
                                <th style="width:10%">单价</th>
                                <th style="width:10%">数量</th>
                                <th style="width:13%">售后</th>
                                <th style="width:10%">总金额</th>
                                <th style="width:10%">状态</th>
                                <th style="width:10%">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div id="usermsg">
                    <h2>个人资料</h2>
                    <table width="100%">
                        <tbody>
                            <tr>
                                <td class="td-left">出生日期： </td>
                                <td class="td-right">
                                    <select name="" id="">
                                        <option value="1980">1980</option>
                                    </select>
                                    <select name="" id="">
                                        <option value="1">1</option>
                                    </select>
                                    <select name="" id="">
                                        <option value="1">1</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td class="td-left">性别： </td>
                                <td class="td-right">
                                    <input type="radio" name="5" checked />男
                                    <input type="radio" name="5" />女
                                </td>
                            </tr>
                            <tr>
                                <td class="td-left">电子邮件地址： </td>
                                <td class="td-right">
                                    <input type="text" placeholder="" />
                                </td>
                            </tr>
                            <tr>
                                <td class="td-left">手机： </td>
                                <td class="td-right">
                                    <input type="text" placeholder="" />
                                </td>
                            </tr>
                            <tr>
                                <td class="td-left">密码提示问题： </td>
                                <td class="td-right">
                                    <select style="height:30px" name="" id="">
                                        <option value="请选择密码提示问题">请选择密码提示问题</option>
                                        <option value="">我最好朋友的生日？</option>
                                        <option value="">我儿时居住地的地址？</option>
                                        <option value="">我的座右铭是？</option>
                                        <option value="">我最喜爱的电影？</option>
                                        <option value="">我最喜欢的小说？</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td class="td-left">密码问题答案： </td>
                                <td class="td-right">
                                    <input type="text" placeholder="" />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <input type="submit" value="确认修改" class="btn-primary" />
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
            <div class="wth100 footer-top cb">
                <ul class="footer-top-ul">
                    <li>
                        <a href="">
                            <span class="span1"></span>
                            <span style="float:left;">免费设计<br>
                                <small style="font-size:12px;">满99元免费设计</small>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="span1 serM1"></span>
                            <span style="float:left;">全国包邮<br>
                                <small style="font-size:12px;">绝大数地区包邮</small>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="span1 serM2"></span>
                            <span style="float:left;">优质印刷<br>
                                <small style="font-size:12px;">16年行业经验</small>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="span1 serM3"></span>
                            <span style="float:left;">售后100<br>
                                <small style="font-size:12px;">订单问题，负责到底</small>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="span1 serM4"></span>
                            <span style="float:left;">极速生产<br>
                                <small style="font-size:12px;">超时24小时，赔付10%货款</small>
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="wth100 footer-content">
                <div class="footer-content-div">
                    <div class="footer-content-left">
                        <dl style="margin:0">
                            <dt class="mb15">新手上路</dt>
                            <dd class="mt5">售后流程</dd>
                            <dd class="mt5">购物流程</dd>
                            <dd class="mt5">订购方式</dd>
                            <dd class="mt5">在线支付</dd>
                            <dd class="mt5">公司转账</dd>
                        </dl>
                        <dl style="margin:0">
                            <dt class="mb15">配送方式</dt>
                            <dd class="mt5">货到付款区域</dd>
                            <dd class="mt5">配送支付查询</dd>
                            <dd class="mt5">支付方式说明</dd>
                            <dd class="mt5">如何送礼</dd>
                            <dd class="mt5">Global Shipping</dd>
                        </dl>
                        <dl style="margin:0">
                            <dt class="mb15">购物指南</dt>
                            <dd class="mt5">常见问题</dd>
                            <dd class="mt5">订购流程</dd>
                            <dd class="mt5">注册新会员</dd>
                            <dd class="mt5">团购/机票</dd>
                            <dd class="mt5">联系客服</dd>
                        </dl>
                        <dl style="margin:0">
                            <dt class="mb15">售后服务</dt>
                            <dd class="mt5">退换货原则</dd>
                            <dd class="mt5">售后服务保证</dd>
                            <dd class="mt5">换货流程</dd>
                            <dd class="mt5">退款说明</dd>
                            <dd class="mt5">返修/退换货</dd>
                        </dl>
                    </div>
                    <div class="footer-content-right fl">
                        <p class="fl erweima">优惠资讯</p>
                        <div class="phoneNum fr">
                            <p class="tel" style="margin:0">0851-85826040</p>
                            <p class="time">周一至周日9:00-22:00</p>
                            <a href="" class="redbtn">
                                <span class="redbtn-pic"></span>
                                在线客服
                            </a>
                            <p class="tousuTel">投诉电话：0851-85826040</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wth100">
                <div class="footer-bottom-one">
                    <a href="">免责条款</a>
                    <span style="margin:0 5px">-</span>
                    <a href="">隐私保护</a>
                    <span style="margin:0 5px">-</span>
                    <a href="">咨询热点</a>
                    <span style="margin:0 5px">-</span>
                    <a href="">联系我们</a>
                    <span style="margin:0 5px">-</span>
                    <a href="">公司简介</a>
                    <span style="margin:0 5px">-</span>
                    <a href="">批发方案</a>
                    <span style="margin:0 5px">-</span>
                    <a href="">配送方式</a>
                </div>
                <div class="footer-bottom-two">
                    任印网－联合创想企业旗下品牌 - 专业的设计印刷网，企业的网上印刷厂 网上经营许可证号：蜀ICP12345678号 © 2005-2019 任印网－联合创想企业旗下品牌 版权所有，并保留所有权利。
                </div>
                <div class="footer-bottom-three">
                    <img src="../img/a12.png" alt="网络工商">
                    <img src="../img/a11.png" alt="网络警察">
                    <img src="../img/a15.png" alt="可信网站">
                    <img src="../img/a16.png" alt="网上交易保障中心">
                    <img src="../img/a13.png" alt="经营性网站备案信息">
                </div>
            </div>
        </div>
    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../js/users.js"></script>
</body>

</html>